<template>
    <div class="layerRtbContain cover">
        <!-- 切换标题 (定位) -->
        <div class="clearfix list-title" style="position: absolute;top: 0px;left: 0px;">
            <ul class="uiTab3 fl">
                <!-- <li class="uiTab3-active">
          <a href="javascript:">选中项</a>
        </li>-->
                <!-- <li><a href="javascript:">选中项一</a></li>
                <li><a href="javascript:">选中项二</a></li>
        <li><a href="javascript:">选中项三</a></li>-->
            </ul>
        </div>
        <!-- 选中项 111 -->
        <div class="list-content">
            <div class="clearfix mb10">
                <div class="fr">
                    <router-link :to="this.$route.matched[1].path">
                        <input type="button" class="uiBtn-normal uiBtn-orange fl" value="返回" />
                    </router-link>
                </div>
                <!-- <div class="fr mr5" >
          <el-date-picker
            v-model="createTime"
            type="date"
            placeholder="选择开始日期"
            style="margin-right:20px"
          ></el-date-picker>
          <el-date-picker
            v-model="endTime"
            type="date"
            placeholder="选择结束日期"
            style="margin-right:20px"
          ></el-date-picker>
          <el-button type="primary">确定</el-button>

        </div>-->
                <div class="fr mr5">
                    <el-date-picker class="fl mr5" value-format="yyyy-MM-dd" v-model="createTime" type="date" placeholder="开始日期" style="margin-right:20px"></el-date-picker>
                    <el-date-picker class="fl mr5" value-format="yyyy-MM-dd" v-model="endTime" type="date" placeholder="结束日期" style="margin-right:20px"></el-date-picker>
                    <input type="button" class="uiBtn-normal uiBtn-blue fl mr5" @click="BigList()" value="查询" />
                </div>
            </div>
            <table class="uiTable j_outerHeight">
                <!-- <thead>
                    <tr style="background-color: #eee;">
                        <td colspan="2">
                            <span> </span>
                            <span class="ff">

                            </span>
                        </td>
                        <td colspan="5" class="relative">
                            <input v-model="search" placeholder="请输入姓名" />
                            <span class="serial_number" @click="BigList()">
                                <i class="bgIcon select-btn"></i>
                            </span>
                        </td>
                        <td colspan="8">

                        </td>
                    </tr>
                </thead> -->
                <tbody>
                    <tr class="td" style="background-color: #eee;">
                        <td width="5%">序号</td>
                        <td width="5%">
                            <span>
                                <select class="theadselect" v-model="region" @change="chooseCity()">
                                    <option value="" selected="true"> 全部</option>
                                    <option :value="coupon.id+'c'" v-for="(coupon,index) in cityList" :key="index+'a'">{{'城-'+coupon.city_name}}</option>
                                    <option :value="coupon.dq_id" v-for="(coupon,index) in colonyList" :key="index+'b'">{{coupon.dq_name}}</option>
                                </select>
                            </span>
                        </td>
                        <td v-show="!flag" width="5%">姓名 <span class="serial_number" @click="flag=true">
                                <i class="bgIcon select-btn"></i>
                            </span></td>
                        <td v-show="flag" width="13%" class="relative">
                            <input v-model="search" placeholder="请输入姓名" />
                            <span class="serial_number" @click="BigList()">
                                <i class="bgIcon select-btn"></i>
                            </span>
                        </td>
                        <td width="7%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">入职时间</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('induction_date')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"   data-title="降序" @click="jj('induction_date')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <!-- <td width="5%">级别</td> -->
                        <!--     <td v-show="!jibie" width="5%">级名<span class="serial_number" @click="jibie=true">
                                <i class="bgIcon select-btn"></i>
                            </span></td> -->
                        <!-- <td width="4%">级别<span class="serial_number" @click="jibie=true">
                            </span></td> -->
                        <!-- <td v-show="jibie" width="13%" class="relative">
                            <input v-model="levelName" placeholder="请输入级别" />
                            <span class="serial_number" @click="BigList()">
                                <i class="bgIcon select-btn"></i>
                            </span>
                        </td> -->
                        <td width="4%">
                            <span>
                                <select class="theadselect" v-model="levelName" @change="BigList()">
                                    <option value="" selected="true"> 级别</option>
                                    <option value="初级">初级</option>
                                    <option value="中级">中级</option>
                                    <option value="高级">高级</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                </select>
                            </span>
                        </td>
                        <td width="5%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">培训次数</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('trainNum')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"   data-title="降序" @click="jj('trainNum')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="5%">
                            <div  class="thSortBox2 clearfix">
                                <span  class="fl">接单\数</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('num')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"   data-title="降序" @click="jj('num')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="5%" data-title="项目经理缴纳的押金">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">押金</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('depositCash')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"   data-title="降序" @click="jj('depositCash')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="6%" data-title="接单额=项目经理在我司接单的总合同金额 ">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">接单额\万元</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('contractFee')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('contractFee')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="6%" data-title="完工额（最终合同金额）=（合同金额 + 增项合同额 - 减项合同额 + 坏账金额）">
                            <div  class="thSortBox2 clearfix">
                                <span  class="fl">完工额\万元</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('BillingJSMoney')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('BillingJSMoney')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="6%" data-title="项收（最终发包金额）=（发包金额 + 增项发包额 - 减项发包额 + 重审溢价金额 + 坏账金额）">
                            <div  class="thSortBox2 clearfix">
                                <span  class="fl">项收\万元</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('grossProfitReceived')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('grossProfitReceived')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="6%" data-title="审计、准备、在施、竣工阶段的合同额">
                            <div  class="thSortBox2 clearfix">
                                <span  class="fl">在施额\万元</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('contractFee')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('contractFee')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="5%" data-title="产值比=完工额/（接单额-竣工及以前阶段的合同额）* 100%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">产值比</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('completionFee')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('completionFee')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                            </td>
                        <td width="5%" data-title="平均回款率 = 总已收（合同金额 + 增项 - 减项） / 总应收（合同金额 + 增项 - 减项）">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">回款率</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('hkRatio')"  class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;"  data-title="降序" @click="jj('hkRatio')"   class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                            </td>
                        <td width="5%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">工人\个</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('workderCount')"  class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;" data-title="降序" @click="jj('workderCount')"    class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="5%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">打卡天数</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" data-title="升序" @click="ss('signCount')"   class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;" data-title="降序" @click="jj('signCount')"     class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <!--               <td width="7%">
                            材料配送率
                            <span class="arrow">
                                <a href="#" data-title="升序" @click="ss('proLv')">
                                    <i class="el-icon-caret-top" :class="{'cBlue':tag==0}"></i>
                                </a>
                                <a href="#" data-title="降序" @click="jj('proLv')">
                                    <i class="el-icon-caret-bottom" :class="{'cBlue':tag==1}"></i>
                                </a>
                            </span>
                        </td>
                        <td width="7%">
                            完成订单率
                            <span class="arrow">
                                <a href="#" @click="ss('orderLv')" data-title="升序">
                                    <i class="el-icon-caret-top" :class="{'cBlue':tag==2}"></i>
                                </a>
                                <a href="#" @click="jj('orderLv')" data-title="降序">
                                    <i class="el-icon-caret-bottom" :class="{'cBlue':tag==3}"></i>
                                </a>
                            </span>
                        </td>
                        <td width="7%">
                            工期延期率
                            <span class="arrow">
                                <a href="#" @click="ss('gongYan')" data-title="升序">
                                    <i class="el-icon-caret-top" :class="{'cBlue':tag==4}"></i>
                                </a>
                                <a href="#" @click="jj('gongYan')" data-title="降序">
                                    <i class="el-icon-caret-bottom" :class="{'cBlue':tag==5}"></i>
                                </a>
                            </span>
                        </td> -->
                        <!--   <td width="7%">
                            款项延期率
                            <span class="arrow">
                                <a href="#" @click="ss('yqRatio')" data-title="升序">
                                    <i class="el-icon-caret-top" :class="{'cBlue':tag==6}"></i>
                                </a>
                                <a href="#" @click="jj('yqRatio')" data-title="降序">
                                    <i class="el-icon-caret-bottom" :class="{'cBlue':tag==7}"></i>
                                </a>
                            </span>
                        </td> -->
                        <td width="7%">
                             <div  class="thSortBox2 clearfix">
                                <span  class="fl">款项未收\万元</span>
                                <div  class="thSort">
                                    <a  href="javascript:;"  data-title="升序" @click="ss('NoReceived')" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;" data-title="降序" @click="jj('NoReceived')" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                        <td width="7%">
                            <div  class="thSortBox2 clearfix">
                                <span  class="fl">投诉</span>
                                <div  class="thSort">
                                    <a  href="javascript:;" class="thSortA thSortAt"><i  class="thSortI thSort-up"></i></a>
                                    <a  href="javascript:;" class="thSortA thSortAb"><i  class="thSortI thSort-down"></i></a></div>
                            </div>
                        </td>
                    </tr>
                    <!--                     <tr class="td">
                        <td width="5%">总计</td>
                        <td width="5%">--</td>
                        <td width="5%">--</td>
                        <td width="7%">--</td>
                        <td width="4%">--</td>
                        <td width="4%"></td>
                        <td width="4%">{{jdNum}}</td>
                        <td width="5%"  :data-title="yjMoney">{{yjMoney/10000| toFixed(2)}}</td>
                        <td width="6%"  :data-title="jdMoney">{{jdMoney/10000| toFixed(2)}}</td>
                        <td width="6%" :data-title="wgMoney">{{wgMoney/10000| toFixed(2)}}</td>
                        <td width="6%" :data-title="jgMoney">{{jgMoney/10000 | toFixed(2)}}</td>
                        <td width="5%" data-title="审计、准备、在施、竣工阶段的合同额"></td>~
                        <td width="5%" data-title="产值比=完工额/（接单额-竣工及以前阶段的合同额）* 100%"></td>
                        <td width="5%">{{hkLv | toFixed(2)}}%</td>
                        <td width="5%">{{grNum}}</td>
                        <td width="5%">{{dkNum}}</td>                         <td width="7%"></td>
                        <td width="7%"></td>
                        <td width="7%"></td>
                         <td width="7%"></td>
                        <td width="7%" :data-title="kws">{{kws/10000| toFixed(2)}}</td>
                        <td width="7%">0</td>
                         <td width="7%">排名</td>
                    </tr> -->
                    <tr class="td" style="background-color: #eee;">
                        <td width="5%">平均</td>
                        <td width="5%">--</td>
                        <td width="5%">--</td>
                        <td width="7%">--</td>
                        <td width="4%">--</td>
                        <td width="4%"></td>
                        <td width="4%">{{(jdNum/this.manageList.length)| toFixed(2)}}</td>
                        <td width="5%" :data-title="(yjMoney/this.manageList.length)">{{(yjMoney/this.manageList.length)/10000| toFixed(2)}}</td>
                        <td width="6%" :data-title="(jdMoney/this.manageList.length)">{{(jdMoney/this.manageList.length)/10000| toFixed(2)}}</td>
                        <td width="6%" :data-title="(wgMoney/this.manageList.length)">{{(wgMoney /this.manageList.length)/10000| toFixed(2)}}</td>
                        <td width="6%" :data-title="(jgMoney/this.manageList.length)">{{(jgMoney /this.manageList.length)/10000| toFixed(2)}}</td>
                        <td width="5%" data-title="审计、准备、在施、竣工阶段的合同额">在施额</td>
                        <td width="5%" data-title="产值比=完工额/（接单额-竣工及以前阶段的合同额）* 100%">产值比</td>
                        <td width="5%">{{(hkLv /this.manageList.length)| toFixed(2)}}%</td>
                        <td width="5%">{{(grNum/this.manageList.length)| toFixed(2)}}</td>
                        <td width="5%">{{(dkNum/this.manageList.length)| toFixed(2)}}</td>
                        <!--                         <td width="7%">{{((psLv*100)/this.manageList.length)| toFixed(2)}}%</td>
                        <td width="7%">{{((wcLv*100)/this.manageList.length)| toFixed(2)}}%</td>
                        <td width="7%">{{((gyqLv*100)/this.manageList.length)| toFixed(2)}}%</td> -->
                        <!--                         <td width="7%">{{kyqLv/this.manageList.length | toFixed(2)}}%</td>
 -->
                        <td width="7%">{{(kws/this.manageList.length)/10000| toFixed(2)}}</td>
                        <td width="7%">0</td>
                        <!-- <td width="7%">排名</td> -->
                    </tr>
                </tbody>
            </table>
            <div class="thinScroll thinScroll-table box" v-scrollHeight="100">
                <div class="thinScroll-infinite thinScroll thinScroll-table" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-immediate-check="false" infinite-scroll-distance="0">
                    <table class="uiTable uiTable-striped-odd uiTable-hover">
                        <tbody>
                            <tr class="td" v-for="(item, index) of manageList" :key="index">
                                <td width="5%">{{index+1}}</td>
                                <td width="5%">{{item.dq_name}}</td>
                                <td width="5%">{{item.user_name}}</td>
                                <td width="7%">{{$utils.format('yyyy-MM-dd', item.induction_date)}}</td>
                                <td width="4%">{{item.userLevel}}</td>
                                <td width="5%">{{item.trainNum==undefined?0:item.trainNum}}</td>
                                <td width="5%">{{item.num}}</td>
                                <td width="5%" :data-title="item.depositCash">{{item.depositCash/10000|toFixed(2)}}</td>
                                <td width="6%" :data-title="item.contractFee">{{item.contractFee/10000|toFixed(2)}}</td>
                                <td width="6%" :data-title="item.BillingJSMoney">{{item.BillingJSMoney/10000|toFixed(2)}}</td>
                                <td width="6%" :data-title="item.grossProfitReceived">{{item.grossProfitReceived/10000|toFixed(2)}}</td>
                                <td width="6%" :data-title="item.contractFeeing">{{item.contractFeeing/10000|toFixed(2)}}</td>
                                <td width="5%">{{(item.completionFee/(item.contractFee-(item.contractFeeing==undefined?0:item.contractFeeing)))*100|toFixed(2)}}%</td>
                                <td width="5%">{{item.hkRatio}}%</td>
                                <td width="5%">{{item.workderCount}}</td>
                                <td width="5%">{{item.signCount}}</td>
                                <!--     <td width="7%">{{item.proLv*100 | toFixed(2)}}%</td>
                            <td width="7%">{{item.orderLv*100 | toFixed(2)}}%</td>
                            <td width="7%">{{item.gongYan*100 | toFixed(2)}}%</td> -->
                                <!-- <td width="7%">{{item.yqRatio}}%</td> -->
                                <td width="7%" :data-title="item.NoReceived">{{item.NoReceived/10000|toFixed(2)}}</td>
                                <td width="7%">0</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- 选中项 222 -->
        <!-- <el-table v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" :data="tableData" style="width: 10%"></el-table> -->
        <el-table v-loading="loading" v-loading.fullscreen=true element-loading-text="拼命加载中" :data="tableData" style="width: 100%"></el-table>
        <div class=" pagination box">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 20, 40]" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total">
            </el-pagination>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
import { findBigList, getColony, getCity } from '../Resources/Api'
export default {
    data () {
        return {
            busy: false, // 滚动是否等待
            size: 0, // 数据个数
            //   =========================================
            orderNo: null, // 用于条查项目单号和项目名称
            tag: null, // 标识（用于升降序）2完成订单率的升序 3完成订单率的倒序 4工期延期率的升序 5工期延期率的倒序 6 款项延期率的升序 7款项延期率的倒序
            createTime: null, // 搜索开始时间
            endTime: null, // 搜索结束时间
            manageList: [],
            search: '', // 搜索
            kuanxiang: 0, // 款项延期率
            money: 0, // 款项未收
            gongqi: 0, // 工期延期率
            cailiao: 0, // 材料完成率
            order: 0, // 订单完成率，
            levelName: '',
            page: 1,
            pagesize: 10,
            pages: 1,
            total: 0,
            // fullscreenLoading: false
            // 新
            region: '',
            colonyList: [],
            cityList: [],
            loading: false,
            flag: false,
            jibie: false,
            flg: 0
        }
    },
    created () {
        this.BigList()
        // 新
        this.GetCityInfo()
        this.GetColonyInfo()
    },
    computed: {
        ...mapGetters(['leftInfo']),
        jdNum () {
            return this.manageList.map(item => item.num).reduce((acc, cur) => (cur + acc), 0)
        },
        hkLv () {
            return this.manageList.map(item => item.hkRatio).reduce((acc, cur) => (cur + acc), 0)
        },
        yjMoney () {
            return this.manageList.map(item => item.depositCash).reduce((acc, cur) => (cur + acc), 0)
        },
        wgMoney () {
            return this.manageList.map(item => item.BillingJSMoney).reduce((acc, cur) => (cur + acc), 0)
        },
        jdMoney () {
            return this.manageList.map(item => item.contractFee).reduce((acc, cur) => (cur + acc), 0)
        },
        jgMoney () {
            return this.manageList.map(item => item.grossProfitReceived).reduce((acc, cur) => (cur + acc), 0)
        },
        grNum () {
            return this.manageList.map(item => item.workderCount).reduce((acc, cur) => (cur + acc), 0)
        },
        dkNum () {
            return this.manageList.map(item => item.signCount).reduce((acc, cur) => (cur + acc), 0)
        },
        psLv () {
            return this.manageList.map(item => item.proLv).reduce((acc, cur) => (cur + acc), 0)
        },
        wcLv () {
            return this.manageList.map(item => item.orderLv).reduce((acc, cur) => (cur + acc), 0)
        },
        gyqLv () {
            return this.manageList.map(item => item.gongYan).reduce((acc, cur) => (cur + acc), 0)
        },
        kyqLv () {
            return this.manageList.map(item => item.yqRatio).reduce((acc, cur) => (cur + acc), 0)
        },
        kws () {
            return this.manageList.map(item => item.NoReceived).reduce((acc, cur) => (cur + acc), 0)
        }
    },
    methods: {
    //  ======================到达底部是触发回调
        loadMore () {
            if (this.size === this.manageList.lenth) {
                this.loading = false
                return false
            } else {
                this.load()
            }
        },

        //  ======================到达底部是触发回调
        // 升序
        compareAsc (prop) {
            if (prop === 'induction_date') {
                return function (a, b) {
                    return Date.parse(b[prop]) - Date.parse(a[prop])
                }
            } else {
                return function (a, b) {
                    return b[prop] - a[prop]
                }
            }
        },
        compareDesc (prop) {
            if (prop === 'induction_date') {
                return function (a, b) {
                    return Date.parse(a[prop]) - Date.parse(b[prop])
                }
            } else {
                return function (a, b) {
                    return a[prop] - b[prop]
                }
            }
        },
        // ss (value) {
        //     this.manageList = this.manageList.sort(this.compareAsc(value))
        // },
        // jj (value) {
        //     this.manageList = this.manageList.sort(this.compareDesc(value))
        // },
        ss (value) {
            this.manageList = this.manageList.sort(this.compareDesc(value))
        },
        jj (value) {
            this.manageList = this.manageList.sort(this.compareAsc(value))
        },
        // 获取列表数据
        BigList () {
            this.loading = true
            findBigList({
                page: this.page,
                pageSize: this.pagesize,
                search: this.search,
                region: this.region,
                createTime: this.createTime,
                endTime: this.endTime,
                levelName: this.levelName,
                level: 0

            }).then(result => {
                this.manageList = result.data.Body.list
                this.pages = result.data.Body.pages
                this.total = result.data.Body.total
                this.loading = false
                this.flag = false
                this.jibie = false
            })
        },
        // 升序降序
        reorder (num) {
            if (num === this.tag) {
                this.tag = null
                this.findProjectManageList()
            } else {
                this.tag = num
                this.findProjectManageList()
            }
        },
        handleCurrentChange (val) {
            this.page = val
            this.BigList()
        },
        handleSizeChange: function (size) {
            this.pagesize = size
            this.BigList()
        },
        openFullScreen2 () {
            const loading = this.$loading({
                lock: true,
                text: 'Loading',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
            })
            setTimeout(() => {
                loading.close()
            }, 2000)
        },
        // ===================新 城，国选择
        GetColonyInfo () {
            let _this = this
            _this.colonyList = []
            getColony({
                region: this.region
            }).then(results => {
                _this.colonyList = results.data.Body
            }).catch(error => {
                console.log(error)
            })
        },
        GetCityInfo () {
            let _this = this
            _this.cityList = []
            getCity({
            }).then(results => {
                _this.cityList = results.data
            }).catch(error => {
                console.log(error)
            })
        },
        chooseCity () {
            this.BigList()
        }
    // formatDate (now) {
    //     var time = new Date(now)
    //     var year = time.getFullYear()
    //     var month = time.getMonth() + 1
    //     var date = time.getDate()
    //     // eslint-disable-next-line no-unused-vars
    //     var hour = time.getHours()
    //     // eslint-disable-next-line no-unused-vars
    //     var minute = time.getMinutes()
    //     // eslint-disable-next-line no-unused-vars
    //     var second = time.getSeconds()
    //     return year + '-' + month + '-' + date + '     '
    // },
    // 切换搜索
    // seachIcoSwitch () {
    //     this.seachIco = !this.seachIco
    // }
    }
}
</script>
<style scoped>
.td {
  width: 6%;
}
.box {
  height: 350px !important;
}
.pagination {
  text-align: center;
}
.list-content {
  height: calc(100% - 120px);
}
/* .ff {
  position: absolute;
  width: 60px;
  top: 41px;
  left: 0px;
} */
.ff {
  position: absolute;
  width: 66px;
  top: 43px;
  left: 101px;
}
.uiTable.uiTable-striped-odd tr:nth-child(even) {
  background-color: #eee;
}
</style>
